.split-line-wrapper {
  height: 0.186666666666667rem;
  background: #f5f5f5;
}
html,
body {
  width: 100%;
  height: 100%;
  background: #fff;
  overflow-x: hidden;
}
html .exchange-wrapper,
body .exchange-wrapper {
  padding-top: 1.386666666666667rem;
}
html .exchange-wrapper .header,
body .exchange-wrapper .header {
  background: #fcfcfc;
  width: 8.933333333333334rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  z-index: 9;
  padding: 0rem 0.533333333333333rem;
  font-size: 0;
  position: fixed;
  top: 0;
  left: 0;
}
html .exchange-wrapper .header .back-wrapper,
body .exchange-wrapper .header .back-wrapper {
  width: 1.6rem;
  height: 1.333333333333333rem;
  padding-left: 0.4rem;
  background: url("../img/back-icon.png") no-repeat left center;
  background-size: 0.226666666666667rem 0.4rem;
  font-size: 0.426666666666667rem;
  font-family: SimHei;
}
html .exchange-wrapper .header .title,
body .exchange-wrapper .header .title {
  width: 4.933333333333334rem;
  font-size: 0.426666666666667rem;
  vertical-align: top;
  font-family: SimHei;
}
html .exchange-wrapper .header .exchange-recode-btn,
body .exchange-wrapper .header .exchange-recode-btn {
  width: 2rem;
  vertical-align: top;
  font-size: 0.426666666666667rem;
  font-family: SimHei;
  color: #666;
}
html .exchange-wrapper .my-asset-wrapper,
body .exchange-wrapper .my-asset-wrapper {
  font-size: 0;
}
html .exchange-wrapper .my-asset-wrapper .my-coin-wrapper,
body .exchange-wrapper .my-asset-wrapper .my-coin-wrapper {
  width: 4.986666666666666rem;
}
html .exchange-wrapper .my-asset-wrapper .my-coin-wrapper .coin-wrapper,
body .exchange-wrapper .my-asset-wrapper .my-coin-wrapper .coin-wrapper {
  font-size: 0.906666666666667rem;
  color: #e69311;
  height: 2.133333333333333rem;
  line-height: 2.133333333333333rem;
}
html .exchange-wrapper .my-asset-wrapper .my-gift-wrapper,
body .exchange-wrapper .my-asset-wrapper .my-gift-wrapper {
  width: 4.986666666666666rem;
  border-left: 0.026666666666667rem solid #e4e4e4;
}
html .exchange-wrapper .my-asset-wrapper .my-gift-wrapper .gift-wrapper,
body .exchange-wrapper .my-asset-wrapper .my-gift-wrapper .gift-wrapper {
  font-size: 0.906666666666667rem;
  color: #e55252;
  height: 2.133333333333333rem;
  line-height: 2.133333333333333rem;
}
html .exchange-wrapper .my-asset-wrapper .title,
body .exchange-wrapper .my-asset-wrapper .title {
  font-size: 0.346666666666667rem;
  color: #999;
  margin-bottom: 0.533333333333333rem;
}
html .exchange-wrapper .exchange-type-wrapper,
body .exchange-wrapper .exchange-type-wrapper {
  padding: 0.8rem 0.533333333333333rem;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type,
body .exchange-wrapper .exchange-type-wrapper .exchange-type {
  font-size: 0;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type.exchange-vip-wrapper,
body .exchange-wrapper .exchange-type-wrapper .exchange-type.exchange-vip-wrapper {
  background: url("../img/exchange-vip-bg.png") no-repeat center center;
  background-size: 9.493333333333334rem auto;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type.exchange-gift-wrapper,
body .exchange-wrapper .exchange-type-wrapper .exchange-type.exchange-gift-wrapper {
  margin-top: 0.266666666666667rem;
  background: url("../img/exchange-gift-bg.png") no-repeat center center;
  background-size: 9.493333333333334rem auto;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .left-wrapper,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .left-wrapper {
  height: 2.88rem;
  width: 4.466666666666667rem;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper {
  width: 4.466666666666667rem;
  vertical-align: top;
  padding-top: 0.666666666666667rem;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .amount,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .amount {
  font-size: 0.373333333333333rem;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .amount span,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .amount span {
  color: #e55252;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .btn,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .btn {
  background: #fea821;
  height: 0.853333333333333rem;
  width: 2.986666666666667rem;
  line-height: 0.853333333333333rem;
  border-radius: 0.533333333333333rem;
  color: #fff;
  font-size: 0.373333333333333rem;
  margin-left: 0.74rem;
  margin-top: 0.266666666666667rem;
}
html .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .btn.disabled,
body .exchange-wrapper .exchange-type-wrapper .exchange-type .right-wrapper .btn.disabled {
  background: #ccc;
}
html .exchange-wrapper .exchange-mask,
body .exchange-wrapper .exchange-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  z-index: 10;
  display: none;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content,
body .exchange-wrapper .exchange-mask .exchange-mask-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 10rem;
  height: 5.866666666666666rem;
  background: #fff;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .close-wrapper span,
body .exchange-wrapper .exchange-mask .exchange-mask-content .close-wrapper span {
  height: 1.333333333333333rem;
  width: 1.6rem;
  background: url("../img/close-gray.png") no-repeat center center;
  background-size: 0.4rem auto;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper {
  padding: 0 0.8rem;
  font-size: 0;
  margin-top: 0.32rem;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-tip,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-tip {
  width: 4.213333333333333rem;
  font-size: 0.453333333333333rem;
  vertical-align: top;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box {
  width: 4.186666666666667rem;
  font-size: 0;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box span,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box span {
  font-size: 0.666666666666667rem;
  width: 0.906666666666667rem;
  height: 0.906666666666667rem;
  line-height: 0.906666666666667rem;
  text-align: center;
  position: relative;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box span:after,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box span:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 200%;
  border: 1px solid #d6d6d6;
  content: '';
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box .num-wrapper,
body .exchange-wrapper .exchange-mask .exchange-mask-content .select-count-wrapper .select-count-box .num-wrapper {
  width: 2.346666666666667rem;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .get-wrapper,
body .exchange-wrapper .exchange-mask .exchange-mask-content .get-wrapper {
  padding: 0.533333333333333rem 0.8rem 0.853333333333333rem 0.8rem;
  font-size: 0.373333333333333rem;
  color: #666;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .get-wrapper .get-count,
body .exchange-wrapper .exchange-mask .exchange-mask-content .get-wrapper .get-count {
  color: #f14a4a;
  font-size: 0.48rem;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper,
body .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper {
  font-size: 0;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .cost-detail,
body .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .cost-detail {
  width: 5.733333333333333rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  padding-left: 0.8rem;
  font-size: 0.346666666666667rem;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .cost-detail .cost-count,
body .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .cost-detail .cost-count {
  color: #f14a4a;
}
html .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .confirm-btn,
body .exchange-wrapper .exchange-mask .exchange-mask-content .cost-wrapper .confirm-btn {
  width: 3.466666666666667rem;
  height: 1.333333333333333rem;
  line-height: 1.333333333333333rem;
  background: #f14a4a;
  color: #fff;
  vertical-align: top;
  font-size: 0.453333333333333rem;
}
